
{{template "base.html" .}}

{{define "content"}}

<!--操作按钮模板-->

<div class="layui-row layui-col-space15" style="padding: 30px">
  {{range $idx,$que := .data}}
  <div  class="layui-col-md3 Paper">

    <div class="layui-panel card" id="{{$que.Id}}" >

      <div class="title" >{{$que.Title}}#{{$que.Id}}</div>
      <div class="context">{{$que.Context}}</div>
    </div>
  </div>
  {{end}}

</div>
<script>


  $(".Paper").on('click',".card", function (e){
    $(location).attr("href","/student/test/"+this.id)
  })


</script>
<style>


  .layui-panel{
    height: 120px;
  }
  .layui-panel .title{
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
  }
  .layui-panel .context{
    padding: 0px 15px;
    overflow: hidden;
    height: 60px;
  }
  .card {
    background-color: #FFF;
    border: none;
    border-radius: 6px;
    -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
    transition: all 250ms cubic-bezier(.02, .01, .47, 1);
  }
  .card:hover {
    cursor: pointer;
    box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);
    transform: translate(0,-5px);
    transition-delay: 0s !important;
  }
  .box-shadow {
    -webkit-box-shadow: 0 0.25rem 1rem rgba(48, 55, 66, 0.15);
    box-shadow: 0 4px 16px rgba(48, 55, 66, 0.15);
  }
</style>
{{end}}
